body,html
{
    font-size:12pt;
    margin:0;
    padding: 0;
    scrollbar-color: #666 #222;
    scrollbar-width: thin;
    background-color: #111;
    outline-style:none;
    box-shadow:none;
    border-color:transparent;
    width:100%;
    height:100%;
}

p {
    margin:8px 0px 8px 0px;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  
  ::-webkit-scrollbar-track {
    background: #222;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #737373;
  }
  
  ::-webkit-scrollbar-thumb:hover {
      background: #79c9dd;
  }
  


  ::-webkit-scrollbar-corner {
      background: #222;
  }

div.website {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    font-family: "Courier New";
    font-size: 12pt;
    background: #222;
    margin: 0;
    border: 0;
    padding: 0;
    z-index: 1;
    position: relative;
    overflow:hidden;
}

header {
    background: #222;
    height:25px;
    min-height:25px;
    margin: 0;
    border: 0;
    padding: 0;
}

content {
    flex: 1 1 auto;
    display: flex;
    margin: 0;
    padding: 0;
    border:0;
    overflow: hidden;
    margin-top: 0px;
    background: #111;
}


footer {
    margin: 0;
    border: 0;
    padding: 0;
    background: #666;
    display: flex;
    flex-direction: column;
}


div.spinnerdiv {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:flex;
    justify-content:center;
    align-items: center;
    z-index:900;
}

.lds-default {
    display: flex;
    position: relative;
    width: 76px;
    height: 76px;
    transform: scale(0.75);
}

    .lds-default div {
        position: absolute;
        width: 3px;
        height: 3px;
        background: #999;
        border-radius: 50%;
        animation: lds-default 1.2s linear infinite;
    }

        .lds-default div:nth-child(1) {
            animation-delay: 0s;
            top: 37px;
            left: 66px;
        }

        .lds-default div:nth-child(2) {
            animation-delay: -0.1s;
            top: 22px;
            left: 62px;
        }

        .lds-default div:nth-child(3) {
            animation-delay: -0.2s;
            top: 11px;
            left: 52px;
        }

        .lds-default div:nth-child(4) {
            animation-delay: -0.3s;
            top: 7px;
            left: 37px;
        }

        .lds-default div:nth-child(5) {
            animation-delay: -0.4s;
            top: 11px;
            left: 22px;
        }

        .lds-default div:nth-child(6) {
            animation-delay: -0.5s;
            top: 22px;
            left: 11px;
        }

        .lds-default div:nth-child(7) {
            animation-delay: -0.6s;
            top: 37px;
            left: 7px;
        }

        .lds-default div:nth-child(8) {
            animation-delay: -0.7s;
            top: 52px;
            left: 11px;
        }

        .lds-default div:nth-child(9) {
            animation-delay: -0.8s;
            top: 62px;
            left: 22px;
        }

        .lds-default div:nth-child(10) {
            animation-delay: -0.9s;
            top: 66px;
            left: 37px;
        }

        .lds-default div:nth-child(11) {
            animation-delay: -1s;
            top: 62px;
            left: 52px;
        }

        .lds-default div:nth-child(12) {
            animation-delay: -1.1s;
            top: 52px;
            left: 62px;
        }

@keyframes lds-default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(2.5);
    }
}